/* General
----------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,button,input,select,textarea{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}
html{overflow-y:scroll}
article,aside,figure,figcaption,footer,header,hgroup,iframe,menu,nav,section{display:block}
blockquote{quotes:none}
blockquote:before,blockquote:after{content:"";content:none}
*:focus{outline:none}
time{display:inline}
strong,b,dt,th{font-weight:bold}
em,i,caption,figcaption{font-style:italic}
.underline{text-decoration:underline}
del{text-decoration:line-through}
button::-moz-focus-inner,input::-moz-focus-inner{margin:0;padding:0;border:none;outline:none}
table{border-collapse:collapse}
body{background-color:#bbb;margin:0;padding:0;text-align:left;font:normal normal 13px/20px "Roboto_Regular","Roboto","Roboto Regular","Franklin Gothic Medium","Franklin Gothic Book","Lucida Sans","Lucida Sans Unicode",Helmet,Freesans,Sans-Serif;color:#888}
button,input,select,textarea,.button,a.button{width:170px;height:auto;font:normal normal 13px/normal "Roboto_Regular","Roboto","Roboto Regular","Franklin Gothic Medium","Franklin Gothic Book","Lucida Sans","Lucida Sans Unicode",Helmet,Freesans,Sans-Serif;line-height:normal;color:#555;display:inline-block;*display:inline;vertical-align:middle;white-space:nowrap;text-align:left;text-decoration:none;text-transform:none;border:1px solid #bbb;border-top-color:#999;padding:8px;margin:1px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
input:focus,textarea:focus{border-color:#4B83AF #5498C9 #5498C9;background-color:white}
textarea{display:block;overflow:auto;white-space:normal;word-wrap:break-word;resize:none}
button,input[type="button"],input[type="reset"],input[type="submit"],.button,a.button{position:relative;width:auto;font-weight:bold;line-height:normal;color:#E8F5FF!important;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,.2);background-color:#5498C9;border-color:#508EBC;border-bottom-color:#4679A0;-webkit-box-shadow:1px 1px 1px rgba(0,0,0,.2);-moz-box-shadow:1px 1px 1px rgba(0,0,0,.2);box-shadow:1px 1px 1px rgba(0,0,0,.2);padding-left:14px;padding-right:14px;cursor:pointer}
option,optgroup{font-family:inherit;color:inherit}
button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover,.button:hover,a.button:hover,button:focus,input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,.button:focus,a.button:focus{background-color:#468BC1;border-color:#4B81AA #4B81AA #396486;color:white!important;text-decoration:none}
button:active,input[type="button"]:active,input[type="reset"]:active,input[type="submit"]:active,.button:active,a.button:active{-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.2);box-shadow:inset 0 1px 2px rgba(0,0,0,.2);border-color:#4679A0}
input[type="checkbox"],input[type="radio"],label,select{cursor:pointer}
input[type="checkbox"],input[type="radio"]{width:auto;height:auto;margin:-2px 2px 0 0;padding:0;border:none;background:none;vertical-align:middle}
select:focus{outline:none;color:black}
input[disabled],input[readonly],textarea[disabled],select[readonly],textarea[readonly]{cursor:default;background-color:#eee}
button[disabled],input[disabled],select[disabled],textarea[disabled]{cursor:not-allowed}
button[disabled],input[type="button"][disabled],input[type="reset"][disabled],input[type="submit"][disabled],.button.disabled,a.button.disabled,button[disabled]:hover,input[type="button"][disabled]:hover,input[type="reset"][disabled]:hover,input[type="submit"][disabled]:hover,.button.disabled:hover,a.button.disabled:hover,button[disabled]:active,input[type="button"][disabled]:active,input[type="reset"][disabled]:active,input[type="submit"][disabled]:active,.button.disabled:active,a.button.disabled:active{background-color:#ccc;border-color:#bbb #bbb #bbb;color:#e1e1e1!important;text-shadow:none;top:0;-webkit-box-shadow:1px 1px 1px rgba(0,0,0,.1);-moz-box-shadow:1px 1px 1px rgba(0,0,0,.1);box-shadow:1px 1px 1px rgba(0,0,0,.1)}
.button-small,a.button-small{font-size:11px;line-height:1;padding:5px 8px}
::-webkit-input-placeholder{color:#bbb}
:-moz-placeholder{color:#bbb}
::-moz-placeholder{color:#bbb}
:-ms-input-placeholder{color:#bbb}
*:focus::-webkit-input-placeholder{color:transparent}
*:focus:-moz-placeholder{color:transparent!important}
*:focus::-moz-placeholder{color:transparent!important}
*:focus:-ms-input-placeholder{color:transparent!important}
a{color:#346C98;text-decoration:none}
a:focus,a:hover{color:#5886A7;text-decoration:underline}
blockquote,dl,p,figure,ol,ul,table,video,.alert,.block,.button-group,.note,.separator.center,img.center{margin:0 0 20px}
img.center{display:block;margin-left:auto;margin-right:auto}
abbr{color:#666;border-bottom:1px dotted;cursor:help;position:relative}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{margin:-10px 0 10px;padding:20px 0 0;font-family:"Gnuolane_Regular","Gnuolane Regular",Gnuolane,"Times New Roman",Times,Serif;line-height:1}
h1:target:after,h2:target:after,h3:target:after,h4:target:after,h5:target:after,h6:target:after,section:target:before{content:"\e06d";font-family:"ei";float:right;line-height:1;color:#C98190;font-weight:normal;font-style:normal}
h1,.h1{font-size:280%}
h2,.h2{font-size:230%}
h3,.h3{font-size:190%}
h4,.h4{font-size:150%}
h5,.h5{font-size:120%}
h6,.h6{font-size:110%}
h1+h2,h2+h3,h3+h4,h4+h5,h5+h6{margin-top:-20px}
hr{height:1px;border:none;background-color:#ccc}
dl,ol,ul{margin-left:20px}
ol{list-style:decimal outside}
ul{list-style:square outside}
li{margin:5px 0}
ol ol,ul ul,ol ul,ul ol{margin-bottom:0}
ol ol,ul ul{margin-left:16px}
dl{overflow:hidden}
li p:first-child,dt p:first-child{margin-top:20px}
dt{clear:left;float:left;width:26%;text-align:right}
dd{margin-left:30%;margin-bottom:20px}
small{font-size:86%}
blockquote,b[rel="quote"]{display:block;font-weight:normal;background-color:#796490;color:white;padding:20px 22px 20px 50px;position:relative;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.2);-moz-box-shadow:0 1px 0 rgba(0,0,0,.2);box-shadow:0 1px 0 rgba(0,0,0,.2)}
blockquote a,blockquote a:focus,blockquote a:hover,b[rel="quote"] a,b[rel="quote"] a:focus,b[rel="quote"] a:hover,b[rel="quote"] code{color:pink}
blockquote:before,b[rel="quote"]:before{content:"\e054";font-family:"ei";font-size:24px;width:1em;height:1em;line-height:1;color:#675A76;position:absolute;top:10px;left:10px}
blockquote:after,b[rel="quote"]:after{content:"";display:block;width:0;height:0;border:10px solid;position:absolute;top:0;right:0;border-color:white white #937CAD #937CAD;-webkit-border-radius:0 0 0 3px;-moz-border-radius:0 0 0 3px;border-radius:0 0 0 3px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.1);-moz-box-shadow:0 1px 0 rgba(0,0,0,.1);box-shadow:0 1px 0 rgba(0,0,0,.1)}
table[border="1"]{background-color:#fafafa;border:1px solid #eee;table-layout:fixed}
table[border="1"] tr{border-top:1px solid #eee;border-bottom:1px solid #eee}
table[border="1"] th,table[border="1"] td{padding:5px 10px;vertical-align:top;text-align:left}
table[border="1"] th,table[border="1"] tfoot td{background-color:white}
table[border="1"] td[rowspan],table[border="1"] td[colspan],table[border="1"] th[rowspan],table[border="1"] th[colspan]{border:1px solid #eee}
table[border="1"] caption{text-align:left;margin:0 0 10px;color:#999}
table tr:target,table[border="1"] tr:target{background-color:#E5F2FC}
table[border="1"] tr:target th,table[border="1"] tr:target td{background:none}
table.full{width:100%}
figure{background-color:#fcfcfc;background-color:rgba(0,0,0,.01);border:1px solid #ededed;border-color:rgba(0,0,0,.058);padding:10px;text-align:center}
figure figcaption{color:#9d9d9d;color:rgba(0,0,0,.45)}
figure img,.post-content figure a img{background:none;padding:0;max-width:100%}
.align-left,.alignleft{float:left;margin:10px 1.5em 1em 0}
.align-right,.alignright{float:right;margin:10px 0 1em 1.5em}
html,body{height:100%;min-height:100%;overflow:hidden}
.button.download:before,.button.demo:before,.button.link:before,.button.try:before{font-family:"ei";font-weight:normal;font-style:normal;vertical-align:middle;margin:0 6px 0 -6px;font-size:16px;color:#3E6C90;text-shadow:0 1px 0 rgba(255,255,255,.1)}
.button.download:before{content:"\e0c3"}
.button.demo:before{content:"\e09d"}
.button.link:before{content:"\e052"}
.button.try:before{content:"\e109"}
.button.disabled:before{color:#aaa;text-shadow:none}
.pull-left{float:left}
.pull-right{float:right}
.text-left{text-align:left}
.button-group,.text-center,.center{text-align:center}
.text-right{text-align:right}
.text-justify{text-align:justify}
.catatan,.note,.alert,.instruction,em[rel="note"],.tip,.update,.block{display:block;font-style:normal;color:#333;padding:15px 18px 15px 48px;border-bottom:1px solid rgba(0,0,0,.1);position:relative}
.catatan,.note,em[rel="note"]{background-color:#FCD683}
.alert{background-color:#C95858}
.instruction{background-color:#58C99D}
.tip{background-color:#587EC9}
.update{background-color:#7FAE47}
.alert a,.alert code{color:#FFC0A7}
.instruction a,.instruction code{color:#C4FCE5}
.update a,.update code{color:#CBF0A5}
.tip a,.tip code{color:#AFCBFF}
.catatan:before,.note:before,em[rel="note"]:before,.alert:before,.instruction:before,.update:before,.tip:before{font-family:"ei";display:block;position:absolute;top:15px;left:16px;color:rgba(0,0,0,.15);font-size:22px;line-height:1}
.catatan:before,.note:before,em[rel="note"]:before{content:"\e00b"}
.alert:before{content:"\e009"}
.instruction:before{content:"\e089"}
.update:before{content:"\e107"}
.tip:before{content:"\e0de"}
.block{background-color:#bbb;padding:20px;border:1px solid #888;border-top-color:#666}
.note blockquote:after,.alert blockquote:after,.instruction blockquote:after,.tip blockquote:after,.update blockquote:after{display:none}
iframe.jsfiddle-demo{display:block;width:100%;height:300px}
.button-group iframe.jsfiddle-demo{margin-bottom:0}
.cf{*zoom:1}
.cf:before,.cf:after{content:"";display:table}
.cl{display:block}
.cl,.cf:after{clear:both}
.hidden{display:none}
.invisible{visibility:hidden}
.transparent{opacity:0}
.sr{position:absolute!important;overflow:hidden;clip:rect(0px 0 0 0);clip:rect(0px,0px,0px,0px);height:1px;width:1px;margin:-1px 0 0;padding:0;border:0}
[data-icon]:before{display:inline;vertical-align:middle;font-family:"ei";content:attr(data-icon);speak:none;font-weight:normal;font-style:normal;line-height:1;-webkit-font-smoothing:antialiased}